<template>
  <view class="container">
    <my-navbar-top></my-navbar-top>
    <view class="collect">
      <goods-list :list="list" :isLoad="isLoad" emptyText="暂无收藏，快去逛逛吧" />
    </view>
  </view>
</template>

<script>
import GoodsList from '@/components/goods/list.vue'

export default {
  name: 'collect',
  components: {
    GoodsList,
  },
  data() {
    return {
      isLoad: true,
      list: [],
    }
  },
  mounted() {
    this.$util.showLoading()
    this.$api.collectList({}).then((res) => {
      if (res.code == 0) {
        this.list = res.data || []
      }
      this.isLoad = false
    })
  },
  methods: {},
}
</script>

<style lang="scss" scoped>
.collect {
  padding: 50rpx 30rpx;
  flex: 1;
  box-sizing: border-box;
}
</style>